@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px) {
	
	.contain{width:98%;margin:0 auto;}
	

}
@media screen and (max-width: 1280px) {
	
	header .top h1{top:21px; width: 280px;z-index: 100;}
	header .top .nav li{float: left;margin:0 30px;position: relative;}
	
	.derp .about_l h2{font-size: 40px; }
}



@media screen and (max-width: 980px) {


	header{height: 60px;z-index: 100;}
	header .top h1{top:2px; width: 205px;z-index: 100;}
	header .top .nav{display: none;}
	header .top .yuyan{display: none;}
	header .top .topxx{display: none;}
	header .m-btn{display:block;}

	.banner{margin-top: 60px;}
	
	
	.Titles span{color: #7c7c7c;font-size: 14px;}
	.Titles h2{font-size: 27px;}
	
	.dyip{padding:30px 0 0; }
	.dyip .box ul li{width:47%;}
	.dyip .box{ padding: 35px 0 0;}
	
	.derp{padding:20px 0;overflow: hidden;}
	.derp .about_l{width: 100%; float: left; line-height:30px; padding:12px 0; font-size: 14px;}
	.derp .about_l h2{font-size: 32px; }
	.derp .about_r{width:100%; float: left;}
	
	.prod_cc{  margin:30px 0; }
	.prod_cc ul li p{ font-size:16px; font-weight: bold; margin:15px 0;}
	
	.index_slip .slip_tit{width: 68%;}
	.index_slip .slip_tit .tit1{padding-top: 28px;font-size:25px; }
	.index_slip .slip_tit .tit2{margin-top: 14px;font-size: 20px; line-height: 36px;}
	.index_slip .slip_btn{display: block;margin-left: 5%;margin-top: 64px;width: 25%;}
	
	.dsanp .dliup_l{width: 100%;float: left;position: relative;}
	.dsanp .dliup_r{width: 100%;float: left; margin-top: 10px;}
	
	.neiye_banner{margin-top: 60px;}
	.neiye_banner .pic_yi{}
	.neiye_banner .pic_er{display: none;}

	
	.ny-con{ width:96%;}
	.subnav{ max-width:96%;}
	.subnav li a{display: block;padding:0 25px;}
	
	.con{width:96%;overflow: hidden;}
	.con .about .ny_info img {float: right; width: 50%; margin-left: 25px;}
	
	.fzlc li:nth-of-type(odd) .jt{display: none;}
	.fzlc li:nth-of-type(even) .jt{display: none;}

	.ryzs li{width: 47%;}
	
	.newslist li i { float: left;  width:280px; overflow: hidden;}
	.newslist li .text { float: right; width:calc(100% - 300px); }
	.newslist li .text h4 {line-height:40px; font-size:18px }

	
	.contact_lx{ float: left; width:100%; margin-top:20px; font-size: 14px; line-height: 30px;}
	.tactfrm{width:100%;float:left; margin-top:35px;}
	
	.kefuBox{display:none;}
	
	.foot .box .foot_t{padding:20px 0;}
	.foot .box .foot_t .t_l{float: none;width: 100%;border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;}
	.foot .box .foot_t .t_r{float: none;width: 100%;}
	.foot .box .foot_b .copyright{float: none;}
	
}


@media screen and (max-width: 780px) {
	.dyip .box ul li .lump .present{min-height: 175px; }
	
	.prod_cc ul{margin-top: 35px;}
	.prod_cc ul li{ float:left; width:33.33%; padding:0; margin-bottom: 20px;}
	.prod_cc ul li .pic{ margin:0 auto 20px auto; transition:all 0.3s;}
	.prod_cc ul li .pic img{max-width:65%; margin:0 auto; display: block;}
	.prod_cc ul li p{ font-size:15px; font-weight: bold; margin:12px 0;}
	
	.index_slip .slip_tit{width: 68%;}
	.index_slip .slip_tit .tit1{padding-top: 20px;font-size:22px; }
	.index_slip .slip_tit .tit2{margin-top: 14px;font-size: 17px; line-height: 32px;}
	.index_slip .slip_btn{display: block;margin-left: 5%;margin-top: 64px;width: 25%;height: 47px;font-size: 18px;line-height: 47px;}
	
	.dsanp .box{margin-top: 30px;}
	.dsanp .dliup_r .slideTxtBox .bd li h2{font-size: 15px;}
	.dsanp .dliup_r .slideTxtBox .bd li p{font-size: 12px; }

	.banner_pc{ display:none;}
	.banner_sj{ display:block;}

	.subnav li{display: inline-block;font-size: 15px;line-height: 48px;}
	.con .about .ny_info img {float: none; width: 100%; margin-left: 0;}
	
	.fzlc{background-position: 9px 50px;}
	.fzlc ul{background-position: 4px top;padding: 80px 0;}
	.fzlc li{width: 100%;background-position: left;margin-bottom: 30px;}
	.fzlc li:nth-of-type(odd){text-align: left;background-position: left 30px;}
	.fzlc li:nth-of-type(even){background-position: left 30px;;}
	.fzlc li:nth-of-type(odd) .box{float: right;}
	.fzlc li:nth-of-type(even) .box{float: right;}
	.fzlc li:nth-of-type(odd) .jt{display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: none; border-right: 10px solid #fff;left:-10px;right: 0px;top: 30px;}
	.fzlc li:nth-of-type(even) .jt{display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right: 10px solid #fff;left: -10px;top: 30px;}

	.ryzs ul{margin-left: 0%;}
	.ryzs li{width: 100%;float: none;margin-left: 0;}

	.newslist li i { float: left;  width:200px; overflow: hidden;}
	.newslist li .text { float: right; width:calc(100% - 220px); }
	.newslist li .text h4 {line-height:32px; font-size:16px }
	.newslist li .text p{line-height: 25px; font-size:12px;padding: 4px 0;}
	
	
	.foot .box .foot_t .t_l{display: none;}
	.foot .box .foot_t .t_l dl{width: 50%;border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;}
	
	.foot .box .foot_b{padding:18px 0; font-size: 13px;}

	
}